var config = {
  title: {
    text: '泊船瓜洲',
    src: 'source/images/title.png',
    mask: 'source/images/title-b.png',
    width: '516',
    height: '75px',
    left: '817px',
    top: '75px',
    audioButton: {
      left: '752px',
      top: '95px'
    }
  },
  readAnimate: [
    {
      key: '.title-b',
      actions: [
        [2.5, {width: 416}, '+=1'],
        [.5, {width: 516}],
        [.5, {width: 0, x: '+=516', backgroundPosition: '-516px 0'}]
      ]
    },
    {
      key: '.shi-ju-0',
      actions: [
        [3, {width: 242}, '+=.5'],
        [2.5, {width: 448}],
        [.5, {width: 0, x: '+=448', backgroundPosition: '-448px 0'}]
      ]
    },
    {
      key: '.shi-ju-1',
      actions: [
        [2.8, {width: 242}, '+=0'],
        [2.5, {width: 454}, '+=0'],
        [.5, {width: 0, x: '+=454', backgroundPosition: '-454px 0'}]
      ]
    },
    {
      key: '.shi-ju-2',
      actions: [
        [3, {width: 242}, '+=0'],
        [2.5, {width: 451}, '+=0'],
        [.5, {width: 0, x: '+=451', backgroundPosition: '-451px 0'}]
      ]
    },
    {
      key: '.shi-ju-3',
      actions: [
        [2, {width: 115}, '-=.3'],
        [1.8, {width: 242}],
        [2.5, {width: 451}],
        [.5, {width: 0, x: '+=451', backgroundPosition: '-451px 0'}]
      ],
      complete: true
    }
  ],
  shiJu: [
    {
      width: '448px',
      height: '58px',
      left: '500px',
      top: '346px',
      audio: 'source/audio/s-1.mp3',
      mask: 'source/images/cnt-2-1.png'
    },
    {
      width: '454px',
      height: '56px',
      left: '497px',
      top: '464px',
      audio: 'source/audio/s-2.mp3',
      mask: 'source/images/cnt-2-2.png'
    },
    {
      width: '451px',
      height: '59px',
      left: '497px',
      top: '579px',
      audio: 'source/audio/s-3.mp3',
      mask: 'source/images/cnt-2-3.png'
    },
    {
      width: '451px',
      height: '57px',
      left: '502px',
      top: '696px',
      audio: 'source/audio/s-4.mp3',
      mask: 'source/images/cnt-2-4.png'
    },
  ],
  tabCells: [
    {
      avatar: 'source/images/tab-1.png',
      target: '#view1',
      style: 'width: 226px;height: 144px;transform: matrix(1,0,0,1,205,262);'
    },
    {
      avatar: 'source/images/tab-2.png',
      target: '#view2',
      style: 'width: 226px;height: 144px;transform: matrix(1,0,0,1,205,395);'
    },
    {
      avatar: 'source/images/tab-3.png',
      target: '#view3',
      style: 'width: 226px;height: 144px;transform: matrix(1,0,0,1,203,539);'
    },
    {
      avatar: 'source/images/tab-4.png',
      target: '#view4',
      style: 'width: 226px;height: 144px;transform: matrix(1,0,0,1,204,683);'
    },
  ],
  views: [
    {
      key: 'view1',
      isVideo: true,
      style: '',
      bg: '',
      title: {
        type: 1,
        audioSrc: 'source/audio/1-2.mp3'
      },
      video: {
        src: 'source/videos/video.mp4',
        avatar: 'source/videos/avatar.png',
        width: '1083px',
        height: '609px',
        left: '537px',
        top: '262px'
      }
    },
    {
      key: 'view2',
      isVideo: false,
      style: '',
      bg: './source/images/view-2-bg.png',
      title: {
        type: 2,
        audioSrc: 'source/audio/1.mp3',
        hasMask: true,
        hasAudio: true
      },
      cnt: [
        {
          key: 'cnt-1',
          type: 'img',
          src: 'source/images/view-2-cnt-1.png',
          width: '456px',
          height: '407px',
          left: '497px',
          top: '346px'
        },
        {
          key: 'cnt-2',
          type: 'div',
          isScrollbar: true,
          src: 'source/images/view-2-cnt-2.png',
          width: '683px',
          height: '645px',
          left: '1009px',
          top: '271px',
          audioButton: [
            {audio: 'source/audio/2-1.mp3', left: '202px', top: '9px'},
            {audio: 'source/audio/2-2.mp3', left: '202px', top: '444px'},
          ]
        },
      ],
      hasShiJu: true,
      gotoButton: [
        {
          target: '#view2_2',
          width: '40px',
          height: '40px',
          left: '947px',
          top: '848px'
        }
      ]
    },
    {
      key: 'view2_2',
      isVideo: false,
      style: '',
      bg: './source/images/view-2-bg-2.png',
      title: {
        type: 1,
        audioSrc: 'source/audio/1-2.mp3'
      },
      cnt: [
        {
          key: 'cnt-3',
          type: 'div',
          isScrollbar: false,
          src: 'source/images/view-2-cnt-3.png',
          width: '1090px',
          height: '594px',
          left: '547px',
          top: '271px',
          audioButton: [
            {audio: 'source/audio/2-1.mp3', left: '200px', top: '9px'},
            {audio: 'source/audio/2-2.mp3', left: '200px', top: '338px'},
          ]
        }
      ],
      gotoButton: [
        {
          target: '#view2',
          width: '40px',
          height: '40px',
          left: '480px',
          top: '886px'
        }
      ]
    },
    {
      key: 'view3',
      isVideo: false,
      style: '',
      bg: './source/images/view-2-bg.png',
      title: {
        type: 2,
        audioSrc: 'source/audio/1.mp3',
        hasMask: true,
        hasAudio: true
      },
      hasShiJu: true,
      jieShi: [
        {audio: 'source/audio/3-2-1.mp3', width: '416px', height: '36px', left: '1024px', top: '360px'},
        {audio: 'source/audio/3-2-2.mp3', width: '456px', height: '36px', left: '1024px', top: '479px'},
        {audio: 'source/audio/3-2-3.mp3', width: '381px', height: '36px', left: '1022px', top: '600px'},
        {audio: 'source/audio/3-2-4.mp3', width: '566px', height: '36px', left: '1025px', top: '719px'},
      ],
      zhuShi: [
        {
          audio: 'source/audio/shi-1.mp3',
          left: '598px',
          top: '325px',
          cnt: {left: '534px', top: '245px', src: 'source/images/shi-1.png'}
        },
        {
          audio: 'source/audio/shi-2.mp3',
          left: '730px',
          top: '325px',
          cnt: {left: '652px', top: '245px', src: 'source/images/shi-2.png'}
        },
        {
          audio: 'source/audio/shi-3.mp3',
          left: '916px',
          top: '325px',
          cnt: {left: '885px', top: '245px', src: 'source/images/shi-3.png'}
        },
        {
          audio: 'source/audio/shi-4.mp3',
          left: '598px',
          top: '440px',
          cnt: {left: '542px', top: '365px', src: 'source/images/shi-4.png'}
        },
        {
          audio: 'source/audio/shi-5.mp3',
          left: '789px',
          top: '440px',
          cnt: {left: '759px', top: '365px', src: 'source/images/shi-5.png'}
        },
        {
          audio: 'source/audio/shi-6.mp3',
          left: '724px',
          top: '551px',
          cnt: {left: '695px', top: '475px', src: 'source/images/shi-6.png'}
        },
        {
          audio: 'source/audio/shi-7.mp3',
          left: '910px',
          top: '671px',
          cnt: {left: '881px', top: '592px', src: 'source/images/shi-7.png'}
        },
      ],
      cnt: [
        {
          key: 'cnt-1',
          type: 'img',
          src: 'source/images/view-3-cnt-1.png',
          width: '456px',
          height: '407px',
          left: '497px',
          top: '346px'
        },
        {
          key: 'cnt-2',
          type: 'div',
          isScrollbar: false,
          src: 'source/images/view-3-cnt-2.png',
          width: '683px',
          height: '645px',
          left: '1022px',
          top: '360px',
          audioButton: [
            {audio: 'source/audio/3-1.mp3', left: '-3px', top: '-87px'},
          ]
        }
      ],
      gotoButton: [
        {
          target: '#view3_2',
          width: '40px',
          height: '40px',
          left: '947px',
          top: '848px'
        }
      ]
    },
    {
      key: 'view3_2',
      isVideo: false,
      style: '',
      bg: './source/images/view-2-bg-2.png',
      title: {
        type: 1,
        audioSrc: 'source/audio/1-2.mp3'
      },
      cnt: [
        {
          key: 'cnt-3',
          type: 'div',
          isScrollbar: false,
          src: 'source/images/view-3-cnt-3.png',
          width: '1072px',
          height: '288px',
          left: '563px',
          top: '364px',
          audioButton: [
            {audio: 'source/audio/3-1.mp3', left: '276px', top: '247px'},
          ]
        }
      ],
      gotoButton: [
        {
          target: '#view3',
          width: '40px',
          height: '40px',
          left: '480px',
          top: '886px'
        }
      ]
    },
    {
      key: 'view4',
      isVideo: false,
      style: '',
      bg: './source/images/view-4-bg.png',
      title: {
        type: 3,
        audioSrc: 'source/audio/1-2.mp3'
      },
      cnt: [
        {
          key: 'cnt-1',
          type: 'img',
          src: 'source/images/view-4-cnt-1.png',
          width: '1017px',
          height: '522px',
          left: '572px',
          top: '333px',
          audioButton: [
            {audio: 'source/audio/5-1.mp3', left: '1215px', top: '323px'},
            {audio: 'source/audio/5-2.mp3', left: '1216px', top: '620px'},
          ]
        }
      ],
      gotoButton: [
        {
          target: '#view4_2',
          width: '91px',
          height: '79px',
          left: '1487px',
          top: '776px'
        }
      ]
    },
    {
      key: 'view4_2',
      isVideo: false,
      style: '',
      bg: './source/images/view-4-bg.png',
      title: {
        type: 3,
        audioSrc: 'source/audio/1-2.mp3'
      },
      cnt: [
        {
          key: 'cnt-1',
          type: 'img',
          src: 'source/images/view-4-cnt-2.png',
          width: '1028px',
          height: '527px',
          left: '550px',
          top: '328px',
          audioButton: [
            {audio: 'source/audio/5-3.mp3', left: '1215px', top: '323px'},
            {audio: 'source/audio/5-4.mp3', left: '1215px', top: '657px'},
          ]
        }
      ],
      gotoButton: [
        {
          target: '#view4',
          width: '91px',
          height: '79px',
          left: '1422px',
          top: '776px'
        },
        {
          target: '#view4_3',
          width: '91px',
          height: '79px',
          left: '1487px',
          top: '776px'
        }
      ]
    },
    {
      key: 'view4_3',
      isVideo: false,
      style: '',
      bg: './source/images/view-4-bg.png',
      title: {
        type: 3,
        audioSrc: 'source/audio/1-2.mp3'
      },
      cnt: [
        {
          key: 'cnt-1',
          type: 'img',
          src: 'source/images/view-4-cnt-3.png',
          left: '591px',
          top: '370px',
          width: '987px',
          height: '485px',
          audioButton: [
            {audio: 'source/audio/5-5.mp3', left: '1215px', top: '360px'},
          ]
        }
      ],
      gotoButton: [
        {
          target: '#view4_2',
          width: '91px',
          height: '79px',
          left: '1422px',
          top: '776px'
        },
        {
          target: '#view4_4',
          width: '91px',
          height: '79px',
          left: '1487px',
          top: '776px'
        }
      ],
    },
    {
      key: 'view4_4',
      isVideo: false,
      style: '',
      bg: './source/images/view-4-bg.png',
      title: {
        type: 3,
        audioSrc: 'source/audio/1-2.mp3'
      },
      cnt: [
        {
          key: 'cnt-1',
          type: 'img',
          src: 'source/images/view-4-cnt-4.png',
          left: '584px',
          top: '381px',
          width: '970px',
          height: '474px',
          audioButton: [
            {audio: 'source/audio/5-6.mp3', left: '1215px', top: '397px'},
          ]
        }
      ],
      gotoButton: [
        {
          target: '#view4_3',
          width: '91px',
          height: '79px',
          left: '1422px',
          top: '776px'
        }
      ],
    },
  ]
}
